<template>
  <div style="height: calc(100vh - 52px);" class="bg-white">
    <NavBar class="bar">
      <template v-slot:center>
        <p class="font-title text-center">订单</p>
      </template>
    </NavBar>
    <div>
      <img src="./person.png" alt="" style="margin-left: 10%;">
      <div class="text-center">
        <p class="grey-4 font-l">登录后查看订单</p>
        <button class="btnLogin">立即登录</button>
      </div>
    </div>
  </div>
</template>

<script>
  import NavBar from "../../components/NavBar/NavBar";
export default {
  name: 'Order',
  components:{
    NavBar
  }
}
</script>

<style lang="scss" scoped>
 .btnLogin{
   color:#fff;
   background-color: #02a774;
   font-size: 12px;
   width: 80px;
   height: 35px;
   border-radius: 5px;
 }
</style>
